<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/movie.css"/>
	</head>
	<body>
		<style type="text/css">
		*{
			padding: 0;
			margin: 0;
		}
			.dialog{
				width: 200px;
				height: 100px;
				padding: 10px;
				background: skyblue;
				border-radius: 15px;
				text-align: center;
				line-height: 100px;
				position: relative;
				}
				.bubble:after {
					content: '';
					position: absolute;
					left: 100%;
					bottom: 20%;
					width: 16px;
					height: 16px;
					border-width: 0;
					border-style: solid;
					border-color: transparent;
					border-top-width: 10px;
					border-top-color: skyblue;
					border-radius: 0 32px 0 0;
					color: #dddddd;
				}

		</style>
		<div class="dialog bubble">
			dgg
		</div>
	</body>
</html>
